<template>
  <div>
    <CommonHead pageTitle="我的收藏"/>
    <div class="collection-tabs">
      <tabs :value="value" @getIndex="getCurrentIndex">
        <tab label="话题" index="1">     <!--tab1为切换标题 -->
          <div>
          <Topic />
          </div>
        </tab>
        <tab label="商品" index="2">
          <div>商品</div>
        </tab>
      </tabs>
    </div>
    
  </div>
</template>

<script>
import CommonHead from '../../components/mine/commonHead'
import Topic from '../../components/mine/collection/topic'

  export default {
    name: 'Collection',
    components: {
      CommonHead,
      Topic
    },
    data(){
      return{
        value:1
      }
    },
    methods:{
      getCurrentIndex(index){
        this.value = index;
      }
    },
  }
</script>

<style scoped>
/*tabs*/
.collection-tabs{
  margin-top: 0.15rem;
  background-color: #fff;
  position: relative;
}
.collection-tabs::before{
  content: '';
  display: block;
  height: 0.62rem;
  width: 0.03rem;
  position: absolute;
  left: 3.75rem;
  top: 0.03rem;
  background-color: #f1f1f1;
}
.collection-tabs li{
  height: 0.68rem;
  line-height: 0.68rem;
}
</style>